<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="dongfeng">
    <title>我的书屋</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

</head>

<body>
    <header>
        <nav style="width: 100%">
            <ul class="leftNav">
                <li>
                    <a href="index.html">首页</a>

                </li>
                <li>
                    <a href="classify.html">分类</a>

                </li>
                <li>
                    <a href="bangdan.html">榜单</a>

                </li>
                <li class="active">
                    <a href="dujia.html">独家作品</a>

                </li>
                <li>
                    <a href="jigou.html">机构专区</a>

                </li>
                <li>
                    <a href="pc.html">客户端</a>

                </li>
            </ul>
            <ul>
                <li class="shujia">
                    <i class="fa fa-book"></i>
                    <a href="">我的书架</a>

                </li>
            </ul>
        </nav>
    </header>
    <section class="unique">
        <!--轮播-->
        <div id="banner">
            <ul class="squre">
                <li class="currentSqure"></li>
                <li></li>
                <li></li>

            </ul>
            <ul class="image">
                <li class="currentImage"><img src="uniqueImg/lunbo1.jpg" /></li>
                <li><img src="uniqueImg/lunbo2.jpg" /></li>
                <li><img src="uniqueImg/lunbo3.jpg" /></li>

            </ul>
            <ul class="fixed">
                <li>
                    <h2>成为百度阅读作者</h2>
                </li>
                <li>分享你的专业知识和才法论</li>
                <li>
                    <a class="yiyou">已有</a>

                    <span>5</span>
                    <span>0</span>
                    <span>8</span>
                    <span>8</span>

                    <a class="jiaru">人加入</a>
                </li>
                <li>
                    <a class="yiyou">已有</a>

                    <span>1</span>
                    <span>5</span>
                    <span>7</span>


                    <a class="jiaru">机构驻入</a>
                </li>
                <li>申请成为作者</li>

            </ul>
        </div>
        <!--中间内容-->
        <div class="Ucontent">
            <section class="Ucontent1">
                <div class="Uleft">

                    <ul class="Uline">
                        <li>作者推荐</li>
                    </ul>
                    <ul class="Allrecomend">
                        <li class="recomend">
                            <ul class="recomendFirst">
                                <li>
                                    <img src="uniqueImg/1.jpg" alt="">
                                </li>
                                <li>
                                    <span>笑傲江湖段<i class="fa fa-chevron-down"></i></span>
                                    <span><mark>521714</mark> 读者</span>
                                </li>
                                <li><i class="fa fa-plus"></i>关注</li>
                            </ul>
                            <ul class="recomendSec box green arrow-top-center">
                                <li>职业投资人：擅长营销和美食</li>
                                <li>代表作品：《k交易法：股票期货..》</li>
                            </ul>
                        </li>
                        <li class="recomend">
                            <ul class="recomendFirst">
                                <li>
                                    <img src="uniqueImg/2.jpg" alt="">
                                </li>
                                <li>
                                    <span>阿西UED<i class="fa fa-chevron-down"></i></span>
                                    <span><mark>45482</mark> 读者</span>
                                </li>
                                <li><i class="fa fa-plus"></i>关注</li>
                            </ul>
                            <ul class="recomendSec box green arrow-top-center">
                                <li>交互设计师，LAMUE创始人</li>
                                <li>代表作品：《从零开始做交互》</li>
                            </ul>
                        </li>
                        <li class="recomend">
                            <ul class="recomendFirst">
                                <li>
                                    <img src="uniqueImg/3.jpg" alt="">
                                </li>
                                <li>
                                    <span>王城<i class="fa fa-chevron-down"></i></span>
                                    <span><mark>72353</mark> 读者</span>
                                </li>
                                <li><i class="fa fa-plus"></i>关注</li>
                            </ul>
                            <ul class="recomendSec box green arrow-top-center">
                                <li>专业硕士考研辅导教师，擅长写作。</li>
                                <li>代表作品：《洞穿专硕写作历年真题..》</li>
                            </ul>
                        </li>
                        <hr>
                        <li class="recomend">
                            <ul class="recomendFirst">
                                <li>
                                    <img src="uniqueImg/4.jpeg" alt="">
                                </li>
                                <li>
                                    <span>陈秋明<i class="fa fa-chevron-down"></i></span>
                                    <span><mark>467992</mark> 读者</span>
                                </li>
                                <li><i class="fa fa-plus"></i>关注</li>
                            </ul>
                            <ul class="recomendSec box green arrow-top-center">
                                <li>职业炒股：副业资深策划师</li>
                                <li>代表作品：《缠中说禅中枢理论-股票..》</li>
                            </ul>
                        </li>
                        <li class="recomend">
                            <ul class="recomendFirst">
                                <li>
                                    <img src="uniqueImg/5.jpg" alt="">
                                </li>
                                <li>
                                    <span>叶明<i class="fa fa-chevron-down"></i></span>
                                    <span><mark>182094</mark> 读者</span>
                                </li>
                                <li><i class="fa fa-plus"></i>关注</li>
                            </ul>
                            <ul class="recomendSec box green arrow-top-center">
                                <li>摄影师，研发在线图形处理软件</li>
                                <li>代表作品：《从后期到后期..》</li>
                            </ul>
                        </li>
                        <li class="recomend">
                            <ul class="recomendFirst">
                                <li>
                                    <img src="uniqueImg/6.jpg" alt="">
                                </li>
                                <li>
                                    <span>吴文忠<i class="fa fa-chevron-down"></i></span>
                                    <span><mark>757090</mark> 读者</span>
                                </li>
                                <li><i class="fa fa-plus"></i>关注</li>
                            </ul>
                            <ul class="recomendSec box green arrow-top-center">
                                <li>知名数学教育工作者，数学教育研究员</li>
                                <li>代表作品：《趣味数学题..》</li>
                            </ul>
                        </li>

                    </ul>

                </div>
                <div class="Uright">
                    <ul class="Uline">
                        <li>最新动态</li>
                    </ul>
                    <div class="upDown">
                        <ul class="transform" id="#thumbs">

                            <li>
                                <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>3小时前</small> </a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                                <span>
                                  <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-5.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-6.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-6.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <!--<li>
                                <span><img src="uniqueImg/2-6.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>-->



                        </ul>
                    </div>
                </div>


            </section>
            <div class="Middleimg">
                <img src="uniqueImg/m2.jpg" alt="">
            </div>
            <section class="Ucontent1">
                <div class="Uleft">

                    <ul class="Uline">
                        <li>互联网</li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/0.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/03.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/04.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>


                </div>
                <div class="Uright">
                    <ul class="Uline">
                        <li>互联网周热门榜</li>
                    </ul>
                    <div class="upDown">
                        <ul class="transform" id="#thumbs">

                            <li>
                                <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>3小时前</small> </a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                                <span>
                                  <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>





                        </ul>
                    </div>
                </div>


            </section>
            <section class="Ucontent1">
                <div class="Uleft">

                    <ul class="Uline">
                        <li>IT技术</li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/05.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/06.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/07.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>


                </div>
                <div class="Uright">
                    <ul class="Uline">
                        <li>IT周热门榜</li>
                    </ul>
                    <div class="upDown">
                        <ul class="transform" id="#thumbs">

                            <li>
                                <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>3小时前</small> </a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                                <span>
                                  <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>






                        </ul>
                    </div>
                </div>


            </section>
            <section class="Ucontent1">
                <div class="Uleft">

                    <ul class="Uline">
                        <li>生活百科</li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/08.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/09.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/010.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>


                </div>
                <div class="Uright">
                    <ul class="Uline">
                        <li>生活百科热搜榜</li>
                    </ul>
                    <div class="upDown">
                        <ul class="transform" id="#thumbs">

                            <li>
                                <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>3小时前</small> </a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                                <span>
                                  <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>






                        </ul>
                    </div>
                </div>


            </section>
            <section class="Ucontent1">
                <div class="Uleft">

                    <ul class="Uline">
                        <li>金融投资</li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/011.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/012.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="Uinter">
                        <li class="all">
                            <ul class="Uimg">
                                <img src="uniqueImg/013.jpg" alt="">
                            </ul>
                            <ul class="Utext">
                                <li>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                    <a href="">8.8</a>
                                </li>
                                <li>
                                    <span><mark>44264</mark>人阅读</span>
                                    <span><mark>50</mark>条评论</span>
                                </li>
                                <li>
                                    计算机专业的在校学生，刚踏入互联网公司的新人（包括产品经理）入门读...
                                </li>
                            </ul>

                        </li>
                        <li>
                            <ul class="Ualert box green arrow-top-center">
                                <li>作者简介：</li>
                                <li>
                                    <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                    <span> 王勇睿<i class="fa fa-chevron-down"></i>互联网专业作者，研究方向为广告搜索算法。 </span>
                                </li>
                            </ul>
                        </li>
                    </ul>


                </div>
                <div class="Uright">
                    <ul class="Uline">
                        <li>金融投资周热搜榜</li>
                    </ul>
                    <div class="upDown">
                        <ul class="transform" id="#thumbs">

                            <li>
                                <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>3小时前</small> </a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                                <span>
                                  <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>
                            <li>
                                <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                                <span>
                                     <a href="">英杰 <i class="fa fa-chevron-down"></i> <small>2小时前</small></a>  
                                  <a href="">成功认证为百度作者</a>
                                </span>
                            </li>






                        </ul>
                    </div>
                </div>


            </section>
            <div class="Middleimg">
                <img src="uniqueImg/m1.jpg" alt="">
            </div>
            <section id="ming">
                <ul class="jia">
                    <li>本周名家好评榜</li>
                    <li class="same">
                        <strong class="strongOne">1</strong>
                        <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                        <span>火星人陈勇 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>

                    <li class="same">
                        <strong>2</strong>
                        <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                        <span>Easy <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>3</strong>
                        <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                        <span>DockOne <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>4</strong>
                        <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                        <span>学习中知己 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>5</strong>
                        <span><img src="uniqueImg/2-5.jpg" alt=""></span>
                        <span>吴文忠 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                </ul>
                <ul class="jia">
                    <li>本周名家人气榜</li>
                    <li class="same">
                        <strong class="strongOne">1</strong>
                        <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                        <span>火星人陈勇 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>

                    <li class="same">
                        <strong>2</strong>
                        <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                        <span>Easy <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>3</strong>
                        <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                        <span>DockOne <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>4</strong>
                        <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                        <span>学习中知己 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>5</strong>
                        <span><img src="uniqueImg/2-5.jpg" alt=""></span>
                        <span>吴文忠 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                </ul>
                <ul class="jia">
                    <li>本周名家互动榜</li>
                    <li class="same">
                        <strong class="strongOne">1</strong>
                        <span><img src="uniqueImg/2-1.jpg" alt=""></span>
                        <span>火星人陈勇 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>

                    <li class="same">
                        <strong>2</strong>
                        <span><img src="uniqueImg/2-2.jpg" alt=""></span>
                        <span>Easy <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>3</strong>
                        <span><img src="uniqueImg/2-3.jpg" alt=""></span>
                        <span>DockOne <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>4</strong>
                        <span><img src="uniqueImg/2-4.jpg" alt=""></span>
                        <span>学习中知己 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                    <li class="same">
                        <strong>5</strong>
                        <span><img src="uniqueImg/2-5.jpg" alt=""></span>
                        <span>吴文忠 <i class="fa fa-chevron-down"></i> </span>
                        <span>作品总评分 <mark>10.0</mark></span>
                    </li>
                </ul>
            </section>

        </div>



    </section>
    <footer>
        <ul class="Ffast">
            <li>
                <span class="round">
                    正
                </span>
                <span class="text">正版电子书</span>
            </li>
            <li>
                <span class="round fa fa-desktop"></span>
                <span class="text">多平台畅读</span>
            </li>
            <li>
                <span class="round fa fa-drivers-license (alias)"></span>
                <span class="text">海量图书资源</span>
            </li>
            <li>
                <span class="round fa fa-book"></span>
                <span class="text">优质阅读体验</span>
            </li>
        </ul>
        <hr>
        <ul class="Fsecond">
            <li>
                <h2>帮助</h2>
                <span>如何购买图书</span>
                <span>常见问题</span>
                <span>支付方式</span>
            </li>
            <li>
                <h2>平台入驻</h2>
                <span>机构专区</span>
                <span>个人作者专区</span>

            </li>
            <li>
                <h2>投诉与建议</h2>
                <span>问题反馈</span>

            </li>
            <li>
                <h2>扫描下载客户端</h2>
                <span class="er">
                    <img src="img/er.png" alt="">
                </span>

            </li>
        </ul>
        <p>如有问题欢迎联系<a href="">投诉方案</a></p>
        <ul class="Fthird">
            <li><i>@2017Baidu</i>使用百度前必读</li>
            <li>平台协议</li>
            <li>企业文库</li>
            <li>广告服务</li>
            <li>百度教育商业服务平台</li>
        </ul>
    </footer>







</body>
<script src="js/jquery.js"></script>
<!--<script src="js/YuxiSlider.jQuery.min.js"></script>-->
<script src="js/odoo.js"></script>
<script src="js/index.js"></script>
<script>
    $('.unique .squre li').each(function(index) {
        $(this).click(function() {
            show(index)
        })

    })

    function show(a) {
        $('.unique .squre li').eq(a).addClass('currentSqure').siblings().removeClass('currentSqure');
        $('.unique .image li').eq(a).addClass('currentImage').siblings().removeClass('currentImage');
    }
    var i = 0;
    var liLength = $('.squre li').length;
    console.log(liLength)

    function Autoplay() {
        setInterval(function() {
            i++
            i >= liLength && (i = 0);
            show(i);
        }, 3000)

    }
    Autoplay();
</script>




</html>